<template>
    <div class="TopSearchBar text-white-pk">
        <van-nav-bar title="" left-text="返回" left-arrow :border="false">
            <van-search
                    v-model="keyword"
                    placeholder="请输入搜索关键词"
                    slot="title"
                    shape="round"
                    background="#D82D11" >
                <template slot="left-icon">
                    <van-icon name="search" size="20"/>
                </template>
            </van-search>
            <van-icon name="search" slot="right" />
        </van-nav-bar>
        <!--<van-icon class-prefix="pk-icon" prefix="pk-icon" name="expandUp" color="#FFF" size="15"/>-->
    </div>
</template>

<script>
    export default {
        name: "TopSearchBar",

        data(){
            return {
                keyword:""
            }
        },
        created() {

        },
        methods:{
        }
    }
</script>

<style lang="scss" scoped>
    .TopSearchBar{
        background-color: #EF543A;
        /deep/.van-search {
            padding: 7px 12px;
            .van-cell{
                color: #fff;
            }
            .van-search__content{
                background-color: #EF543A;
            }
            .van-field__control {
                color: #fff;
            }
            .van-icon{
                color: #fff;
            }

            .van-nav-bar__title {
                max-width: 72%;
                padding-left: 37px;
            }
        }


    }

</style>
